<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的动漫</title>
    <link rel="stylesheet" href="css/dh.css">
    <style type="text/css">
        * {
            margin:0;
            padding:0;
        }
        body, html
        {
            height: 100%;
        }
        body {
            background-image:url("images/back.jpg") ;
            padding:35px 0 0;
            margin:auto;
            background-size: cover;
            background-attachment: scroll;
        }
        .button{
            width: 100px;
            height: 30px;
            font-weight: bolder;
            font-size: larger;
            border-radius: 4px;
            background-color: #008B8B;
            float:left;
        }
        .comic{
            width:1000px;
            height:550px;
            margin:30px auto;
            position:relative;
        }
        button{
            margin-top: -20px;
            margin-left: -80px;
            width: 80px;
            height: 40px;
            font-size: larger;
            font-weight: bolder;
            color: pink;
            line-height: 40px;
            display:inline-block;
            background-color: #008B8B;
            padding:0 1em;
        }
        .sky, img{
            float: left;
        }
        .sky .describe{
            width: 250px;
            height: 450px;
            margin-top: -220px;
            float: right;
            font-family: 宋体;
            font-weight: bold;
            font-size: large;
        }
        .conan img{
            float: left;
        }
        .conan .describe{
            width: 250px;
            height: 450px;
            margin-top: -10px;
            font-family: 宋体;
            font-weight: bold;
            font-size: large;
        }
        .basketball img{
            float: left;
        }
        .basketball .describe{
            width: 650px;
            height: 200px;
            margin-left: 320px;
            font-family: 宋体;
            font-weight: bold;
            font-size: large;
        }
        .img1{
            width: 360px;
            height: 240px;
        }
        .img2{
            width: 360px;
            height: 240px;
            margin-top: 260px;
            margin-left: -360px;
        }
        .img3{
            margin-top: -240px;
            margin-left: 400px;
            width: 300px;
            height: 500px;
        }
        .img4{
            margin-top: -450px;
            margin-left: 300px;
            width: 300px;
            height: 500px;
        }
        .img5{
            margin-top: -500px;
            margin-left: 620px;
            width: 360px;
            height: 240px;
        }
        .img6{
            margin-top: -240px;
            margin-left: 620px;
            width: 360px;
            height: 240px;
        }
        .img7{
            width: 280px;
            height: 500px;
        }
        .img8{
            width: 500px;
            height: 300px;
            margin-left: 350px;
            margin-top: -300px;
        }
        .footer {
            height: 50px;
            line-height: 40px;
            position: relative;
            bottom: 0;
            width: 100%;
            text-align: center;
            color: #000;
            font-family: Arial;
            font-size: 20px;
            letter-spacing: 1px;
        }
    </style>
    <script type="text/javascript">
        function openSky(){
            window.open("https://www.bilibili.com/bangumi/play/ss33343/?from=search&seid=12838870656200383019")
        }
        function openConan(){
            window.open("https://www.bilibili.com/bangumi/play/ss33378/?from=search&seid=6855155027416766123")
        }
        function openBasketball(){
            window.open("https://www.iqiyi.com/v_19rronibdc.html?vfm=2008_aldbd")
        }
    </script>
</head>
<body>
<input class="button" name="Submit " type="submit" value="返回" onclick="javascript:history.back()" /><br>

<button style="width:120px;margin-left: 50px" id="sky" onclick="openSky()">天气之子</button>
    <div class="comic">
        <div class="sky">
            <img class="img1" src="images/sky1.jpg">
            <img class="img2" src="images/sky2.jpg">
            <img class="img3" src="images/sky3.jpg">
            <div class="describe">
                <font size="6" color="red" style="float: left">天气之子</font>
                是由<font size="4" color="#ffc0cb">新海诚</font>和<font size="4" color="#ffc0cb">Comix Wave Film</font>执导、负责制作的原创动画电影，
                该片讲述了少年帆高与拥有操控天气超能力的少女阳菜之间的奇幻爱情故事。高中一年级的夏天，从离岛离家出走，来到东京的帆高。但是他的生活立马变得穷困，在度过孤独的每一天之后终于找到的工作，是为古怪的超自然杂志撰稿。
                如同预示着他接下来的命运一般，连日不断地下雨。此时，在人潮熙熙攘攘的都市一角，帆高遇到了一位少女。
                由于某些缘故，少女·阳菜和弟弟两人一起坚强生活。而她，拥有不可思议的能力。
                “呐，现在开始就要放晴了哦” 雨逐渐停止，街道笼罩在美丽的光芒中。那是仅仅在心中祈祷，就能让天空放晴的力量。
            </div>
        </div>
    </div>
<button style="margin-left: 130px;width: 150px;" id="conan" onclick="openConan()">名侦探柯南</button>
    <div class="comic">
        <div class="conan">
            <div class="describe">
                <font size="6" color="red" style="float: left">名侦探柯南</font>
                是改编自<font size="4" color="#ffc0cb">青山刚昌</font>创作的同名漫画作品，于1996年1月8日在读卖电视台首播 。高中生侦探工藤新一和青梅竹马的同学毛利兰一同去游乐园玩的时候，目击了黑衣男子的可疑交易现场。
                只顾偷看交易的工藤新一，却忽略了从背后接近的另一名同伙。他被那名男子灌下了毒药，当他醒来时，身体居然缩小了！
                如果让那些家伙知道工藤新一还活着的话，不仅性命难保，还会危及身边的人。在阿笠博士的建议下他决定隐瞒身份，在被小兰问及名字时，化名江户川柯南，
                为了搜集那些家伙的情报，寄住在父亲以侦探为业的小兰家中。 谜团重重的黑衣组织……他所了解的，就只有他们是以酒的名称作为代号的。
                为了揭露那些家伙的真面目，小小侦探江户川柯南的活跃开始了！
            </div>
            <img class="img4" src="images/conan1.jpg">
            <img class="img5" src="images/conan2.jpg">
            <img class="img6" src="images/conan3.jpg">
        </div>
    </div>
    <button style="margin-left: 130px;width: 120px;" id="basketball" onclick="openBasketball()">灌篮高手</button>
    <div class="comic">
        <div class="basketball">
            <img class="img7" src="images/basketball1.jpg">
            <div class="describe">
                <font size="6" color="red" style="float: left">灌篮高手</font>
                是日本漫画家<font size="4" color="#ffc0cb">井上雄彦</font>以高中篮球为题材的少年漫画。在初中时期被50名女学生甩过的红发不良少年樱木花道升入湘北高中之后，对偶然间认识的同年级女生赤木晴子一见钟情。
                在晴子的期待下，对篮球规则一窍不通的花道加入到篮球队。在晴子的哥哥——篮球队队长赤木刚宪的严格训练以及对“超级新人”流川枫燃起的对抗意识的驱使下，花道身体中潜藏的才能终于得以显现，同时，他也被篮球这项运动的魅力所征服。
                在和强劲的对手陵南高中的练习比赛之后，身材矮小却有着灵活运动能力的宫城良太以及曾经在初中时期获得县MVP称号的三井寿也回归球队。 就这样，以樱木花道为首的湘北高中篮球队迎来了他们人生中最为炽热的一个夏天。
            </div>
            <img class="img8" src="images/basketball2.jpg">
        </div>
    </div>

<div class="footer">
    ©2020-2021 谢娇(6109118015) 版权所有
</div>
</body>
</html>